<html>
	<head>
		<title>
			Chat Room
		</title>
	</head>
	<body>
		<table align="center">
			<tr>
				<td>
					<label>UserName:</label>
					<input type="text" id="uesrname"/>
				</td>	
			</tr>
			<tr>
				<td>
					<label>room:</label>
					<input type="text" id="room"/>
					<button id="connect">加入</button>
				</td>
			</tr>
			<tr>
				<td>
					<label>Content:</label><br>
					<textarea disabled  id="output" rows="10" cols="50"></textarea>
				</td>
			</tr>
			<tr>
				<td>
					<label>Input:</label><br>
					<textarea disabled  id="input" rows="3" cols="50"></textarea>
				</td>
			</tr>
			<tr>
				<td>
					<button id="send">Send</button>
				</td>
			</tr>
		</table>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.1/socket.io.js"></script>
		<script src="./js/client.js"></script>
	</body>
</html>
